<template>
<div>
    <el-row>
    <el-col :span="24">
        <table width="95%" border="0" align="center" cellpadding="1" cellspacing="0" >
            <tbody><tr>
                <td width="24" class="lanmu_z3">&nbsp;</td>
                <td class="lanmu_z3">{{classIfyName}}</td>
            </tr></tbody>
        </table>
        <br>
        <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
            <tbody><tr>
                <td width="24">&nbsp;</td>
                
                <td valign="top">
                    <el-row>
                <el-col :span="24">
                <span class="p14" v-for="(ds, index) in deails" :key="index">
                    <table border="0" cellspacing="0" cellpadding="0" width="100%">
                    <tbody><tr>
                        <td class="liebiaobiaoti" width="85%">·<a href="javascript:void(0);" @click="fwxq(ds)">{{ds.detailsName}}</a></td>
                        <td>{{(ds.starTime || '').split(' ')[0]}}</td>
                        
                    </tr>
                    </tbody>
                    </table>
                     <el-divider></el-divider>
                </span>
                </el-col>
                </el-row>
                </td>
                
            <td>&nbsp;</td>
            <td valign="top">&nbsp;</td>
            </tr></tbody>
            </table>

    </el-col>
    </el-row>
</div>
</template>
<style>
.lanmu_z3 {
    font-size: 24px;
    line-height: 30px;
    font-family: "微软雅黑";
    font-weight: bold;
    color: #000000;
}
.liebiaobiaoti a{
    text-decoration:none;
    color: #000;
}
</style>
<script>
export default {
    name:"DetailsList",
    props:["deails","classIfyName"],
    methods:{
        fwxq(d){
            console.log(d);
             this.$emit('de-ta',d);
        }
    }
}
</script>